<template>
	<view class="infopage">
		<view class="formbox">
			<view class="line">
				<view class="labelbox">
					<view class="label">
						姓名
					</view>
					<view class="xing">
						*
					</view>
				</view>
				<view class="put">
					{{pro.dName}}
				</view>
			</view>
			<view class="line">
				<view class="labelbox">
					<view class="label">
						所在机构
					</view>
					<view class="xing">
						*
					</view>
				</view>
				<view class="put">
					{{pro.orgName}}
				</view>
				
			</view>
			<view class="line">
				<view class="labelbox">
					<view class="label">
						科室
					</view>
					<view class="xing">
						*
					</view>
				</view>
			   <view class="put">
			   	{{pro.dKeshi}}
			   </view>
			</view>

			<view class="line">
				<view class="labelbox">
					<view class="label">
						职称
					</view>
					<view class="xing">
						*
					</view>
				</view>
			    <view class="put">
			    	{{pro.dZhicheng}}
			    </view>
			</view>
			<view class="line">
				<view class="labelbox">
					<view class="label">
						角色
					</view>
					<view class="xing">
						*
					</view>
				</view>
			     <view class="put">
			     	{{pro.drole==0?'领衔专家':pro.drole==1?'联席专家':pro.drole==2?'主管医生':pro.drole==3?'主管护士':'6X健康管家'}}
			     </view>
			</view>
			<view class="line">
				<view class="labelbox">
					<view class="label">
						身份证号
					</view>
					<view class="xing">
						*
					</view>
				</view>
				<view class="put">
					{{pro.idCard}}
				</view>
			</view>
		
			<view class="imgbox">
				<image :src="'https://changban.dianjingkeji.net'+pro.dAvatarUrl" mode=""></image>
			</view>
		</view>
		<view class="imgform">
			
			<view class="imgtitle">
				<view class="name">
					上传身份证照片
				</view>
				<view class="xing">
					*
				</view>
			</view>
			<view class="cardbox">
		       <view class="itemcard">
				   <view class="card">
				   	<image :src="'https://changban.dianjingkeji.net' + pro.dcardzheng "></image>
				 
				   </view>
				   <view class="cardname" >
				   	身份证人像页
				   </view>
		       </view>
			   <view class="itemcard">
			   	 <view class="card">
			   		 	<image :src="'https://changban.dianjingkeji.net' + pro.dcardfan "></image>
			   	  </view>
			   			 <view class="cardname">
			   				身份证国徽页
			   		     </view>
			   </view>
			   
			</view>
			<view class="imgtitle">
				<view class="name">
					上传资质证书
				</view>
				<view class="xing">
					*
				</view>
			</view>
			<view class="content">
				至少上传执业证/资格证/职称证/国国家职业技能等级认定证书其中之一
			</view>
			<view class="upbox">
				<view class="uptitle">
				   执业证书
				</view>
				<view class="upbtnbox">
					<image :src="'https://changban.dianjingkeji.net'+pro.dcardzhiye"  ></image>
					
				</view>
			</view>
			<view class="upbox">
				<view class="uptitle">
				   资格证书
				</view>
				<view class="upbtnbox">
					<image :src="pro.dcardzige?'https://changban.dianjingkeji.net'+pro.dcardzige:''"></image>
					
				</view>
			</view>
			<view class="upbox">
				<view class="uptitle">
				   职称证书
				</view>
				<view class="upbtnbox">
				<image :src="pro.dcardzige?'https://changban.dianjingkeji.net'+pro.dcardzhicheng:''"></image>
					
				</view>
			</view>
			<view class="upbox">
				<view class="uptitle">
				国际执业技能等级认定证书
				</view>
				<view class="upbtnbox">
				<image :src="pro.dcardzige?'https://changban.dianjingkeji.net'+pro.dcardlevel:''"></image>
				
				</view>
			</view>
			<view class="upbox">
				<view class="uptitle">
			      医学相关组织任职/荣誉称号
				</view>
				<view  v-for="(item,index) in pro.rongyulist" :key="index" class="addrongyu" > {{item}}</view>
				
			</view>
		</view>

		
		<view class="contentbox">
			<view class="contenttitle">
				专业擅长
			</view>
			<view class="neirong"   >{{pro.dShengzhuang}}</view>
		</view>
	
	
	</view>
</template>

<script>


	import {getInfo} from '../../utils/api.js'
	export default {
		data() {
			return {
				pro:{}
			}
		},
		onShow() {
			
		
		
	
			let p={
							phone:uni.getStorageSync('phone')
						}
			getInfo(p).then(res=>{
				if(res.data.data.dTouxian){
					let rongyulist=res.data.data.dTouxian.split(',')
					res.data.data.rongyulist=rongyulist
				}
				this.pro=res.data.data		 
						
						
			})
		
		},
		methods: {
		
		}
	}
</script>

<style lang="less" scoped>
   .infopage{
	   width: 750rpx;
	   box-sizing: border-box;
	   background-color: whitesmoke;
	   padding: 20rpx;
	   padding-bottom: 200rpx;
	   .formbox{
		   width: 100%;
		   background-color: white;
		   border-radius: 20rpx;
		   .line{
			   height: 100rpx;
			   width: 100%;
			   display: flex;
			   align-items: center;
			   justify-content: space-between;
			   box-sizing: border-box;
			   padding: 10rpx 30rpx;
			   border-bottom: 1rpx solid whitesmoke;
			   .labelbox{
				   display: flex;
				   align-items: center;
				 
				   width: 30%;
				   .label{
					   font-weight: bold;
				   }
				   .xing{
					   color: red;
					   font-size: 40rpx;
					   margin-top: -10rpx;
				   }
				   
			   }
			   .container{
				   width: 80%;
				   height: 80rpx;
				   z-index: 999;
				 text-align: right;
				  
				   .list{
					   width: 100%;
					   background-color: white;
					     box-shadow: 0 0 10rpx rgba(0, 0, 0, 0.5);
						 max-height: 60vh;
						 overflow-y: auto;
					   .itemlist{
						   text-align: center;
						   padding: 10rpx;
					   }
					   .content{
						    background-color: white;
							view{
								font-size: 26rpx;
							}
					   }
				   }
			   }
			   input{
				   
				   height: 80rpx;
				   line-height: 80rpx;
				   text-align: right;
				   width: 70%;
				   font-weight: bold;
			   }
		   }
		   .long{
			  .labelbox{
				width: 40% !important;
			  } 
			  input{
				  width: 60% !important;
			  }
		   }
	   }
	   .imgbox{
		   width: 100%;
		   background-color: white;
		   border-radius: 20rpx;
		   padding: 20rpx;
		   image{
			   margin-left:205rpx ;
			   width: 300rpx;
			   height: 360rpx;
			   border-radius: 20rpx;
		   }
	   }
	   .imgform{
		   width: 100%;
		   background-color: white;
		   border-radius: 20rpx;
		   box-sizing: border-box;
		   padding: 20rpx;
		   margin-top: 30rpx;
		   .imgtitle{
			   display: flex;
			   align-items: center;
			   font-weight: bold;
			    margin-top: 30rpx;
			   .xing{
				   color: red;
				   margin-bottom: 10rpx;
			   }
		   }
		   .cardbox{
			   width: 100%;
			   display: flex;
			   align-items: center;
			   padding-bottom: 30rpx;
			   border-bottom: 1rpx solid whitesmoke;
			  .itemcard{
				  width: 45%;
				  height: 220rpx;
				  border-radius: 20rpx;
				  position: relative;
				 
				  text-align: center;
				  margin: 2.5%;
				  .card{
					  width: 100%;
					  height: 100%;
				  }
				  image{
					  width: 100%;
					  height: 100%;
					  border-radius: 20rpx;
				  }
				  .yuan{
					  width: 100rpx;
					  height: 100rpx;
					  border-radius: 50%;
					  color: white;
					  line-height: 100rpx;
					  text-align: center;
					  position: absolute;
					  top: 50rpx;
					  left: 100rpx;
					  background-color: rgba(0, 0, 0, 0.5);
					  .iconfont{
						  margin: auto;
					  }
				  }
			  }
		   }
		   .content{
			   font-size: 28rpx;
			   color: darkgray;
			   font-weight: bold;
		   }
		   .upbox{
			   box-sizing: border-box;
			   padding: 20rpx;
			   .uptitle{
				  font-weight: 800;
					 font-size: 28rpx;
					 margin-top: 30rpx;
			   }
		
			   .upbtnbox{
				   width: 300rpx;
				   height: 200rpx;
				   border-radius: 20rpx;
				   background-color: whitesmoke;
				   font-weight: bold;
				   line-height: 200rpx;
				   text-align: center;
				   margin-top: 20rpx;
				   position: relative;
				   image{
					   width: 100%;
					   height: 100%;
					   border-radius: 20%;
					   
				   }
				   .upadd{
					   font-size: 100rpx;
					   position: absolute;
					   left: 37%;
					   top: 0rpx;
				   }
				   
			   }
			   .addrongyu{
				   width: 80%;
				   height: 80rpx;
				   background-color: #cccccc;
				   text-align: center;
				   font-size: 40rpx;
				   font-weight: bold;
				   line-height: 80rpx;
				   margin-top: 20rpx;
			   }
		   }
		   
	   }
	   .contentbox{
	   			   width: 100%;
	   			   background: white;
	   			   margin-top: 30rpx;
	   			   border-radius: 20rpx;
	   			   box-sizing: border-box;
	   			   background-color: white;
	   			   padding: 20rpx;
	   			   .contenttitle{
	   				   font-weight: bold;
	   			   }
				   .neirong{
					   width: 100%;
					   height: 200rpx;
					   margin-top: 20rpx;
					  background-color: white;
				   }
	   }
	   .pagebtn{
		   width: 70%;
		   height: 80rpx;
		   font-size: 34rpx;
		   font-weight: bold;
		   text-align: center;
		   line-height: 70rpx;
		   margin: auto;
		   margin-top: 40rpx;
		   border-radius: 35rpx;
		   color: white;
		   background-color: #1a4f8a;
	   }
	   .pagetitle{
		   font-size: 28rpx;
		   color: darkgray;
		   font-weight: bold;
		   width: 100%;
		   margin-top: 20rpx;
		   
	   }
   }
</style>
